<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<img src="../铠甲1.jfif" alt="图片被外星人偷走了" style="height: 100px;border:1px  solid black;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3)">
<img src="img/光头强.jfif" alt="图片被外星人偷走了" style="height: 100px;border:1px  solid black;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3)">
<!--绝对路径-->
<!--图片本身是有大小和-->
<img src="img/fcq.jpg" alt="被外星人偷走了" style="height: 100px;border:1px  solid black;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3)">
<img src="懒羊羊.jpeg" alt="图片被外星人偷走了" style="height: 100px;border:1px  solid black;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3)">
<img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.9Q4d_RcCu6kfegz3jgM3kwHaE8?w=249&h=180&c=7&r=0&o=5&pid=1.7" alt="" style="height: 100px;border:1px  solid black;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3)">
<hr>
显示1.png图片<img src="图片插入练习/image/1.png" alt="" ><br>
显示2.png图片<img src="图片插入练习/image/a/2.png" alt=""><br>
显示3.png图片<img src="图片插入练习/image/a/b/3.png" alt=""><br>
显示3.png图片<img src="图片插入练习/image/a/b/c/4.png" alt=""><br>
显示3.png图片<img src="图片插入练习/image/a/b/c/d/5.png" alt="" title="123"><br>


</body>
</html>